﻿<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<!-- html -->
<html lang="en">
<!-- head -->
<head>
<title>校园充值系统</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /><!-- bootstrap-CSS -->
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all" /><!-- Fontawesome-CSS -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type='text/javascript' src='js/jquery-2.2.3.min.js'></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<!-- metatags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Online Recharge Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //metatags -->


</head>
<!-- /head -->
<!-- body -->
<body>
<!--header-->
<header>
	<div class="container">
		<!--logo-->
			<div class="logo">
				<h1><a href="#">校园充值系统</a></h1>
			</div>
		<!--//logo-->
		  <div class="w3layouts-login"><a data-toggle="modal" data-target="#myModal" href="#"><em class="glyphicon glyphicon-user"> </em>登录/注册</a></div>    
				<div class="clearfix"></div>
    <!--Login modal-->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
            aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;</button>
                        <h4 class="modal-title" id="myModalLabel">
                            校园充值系统</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                          <div class="col-md-8 extra-w3layouts" style="border-right: 1px dotted #C2C2C2;padding-right: 30px;">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#Login" data-toggle="tab">登录</a></li>
                                    <li><a href="#Registration" data-toggle="tab">注册</a></li>
                                </ul>
                                <!-- Tab panes -->
                            <div class="tab-content">
                                    <div class="tab-pane active" id="Login">
                                        <form  class="form-horizontal" action="#" method="get">
                                        <div class="form-group">
                                            <label for="email" class="col-sm-2 control-label">
                                                账号</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="email1" placeholder="请输入账号" required="required" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1" class="col-sm-2 control-label">
                                                密码</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入密码" required="required" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-2">
                                            </div>
                                            <div class="col-sm-10">
                                                <button type="submit" class="submit btn btn-primary btn-sm">
                                                    登录</button>
                                                <a href="javascript:;" class="agileits-forgot">忘记密码?</a>
                                            </div>
                                        </div>
                                        </form>
                                    </div>
                                    <div class="tab-pane" id="Registration">
                                        <form  class="form-horizontal" action="#" method="get">
                                        <div class="form-group">
                                            
                                            <div class="col-sm-10">
                                                <div class="row">
                                                    
                                                                                                        
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="email" class="col-sm-2 control-label">
                                               账号</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="email"  required="required" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="mobile" class="col-sm-2 control-label">
                                               密码</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="mobile" required="required" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="password" class="col-sm-2 control-label">
                                                验证密码</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="password"  required="required" />
                                            </div>
                                        </div>
                                             <div class="form-group">
                                            <label for="mobile" class="col-sm-2 control-label">
                                               性别</label>
                                            <div class="col-sm-10">
                                                <input type="radio" value="男" name="sex" required="required" />男
                                                <input type="radio" value="女" name="sex"  required="required" />女
                                            </div>
                                        </div> 
                                            <div class="form-group">
                                            <label for="mobile" class="col-sm-2 control-label">
                                               班级</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="mobile" required="required" />
                                            </div>
                                        </div> 
                                         <div class="form-group">
                                            <label for="mobile" class="col-sm-2 control-label">
                                               电话号码</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="mobile" required="required" />
                                            </div>
                                        </div> 
                                             <div class="form-group">
                                            <label for="mobile" class="col-sm-2 control-label">
                                               邮箱</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="mobile" required="required" />
                                            </div>
                                        </div> 
                                             
                                            
                                            
                                      
                                        
                                        <div class="row">
                                            <div class="col-sm-2">
                                            </div>
                                            <div class="col-sm-10">
                                                <button type="submit" class="submit btn btn-primary btn-sm">
                                                    注册</button>
                                                <button type="reset" class="submit btn btn-default btn-sm">
                                                    重置</button>
                                            </div>
                                        </div>
                                        </form>
                                    </div>
                              </div>
</div>
</div>
                    </div>
                </div>
            </div>
        </div>
    <!--//Login modal-->
    </div>
</header>
<!-- //header -->
	
<!-- innerbanner -->	
	<div class="agileits-inner-banner">
		
	</div>
<!-- //innerbanner -->

<!-- breadcrumbs -->
	<div class="w3layouts-breadcrumbs text-center">
		<div class="container">
			<span class="agile-breadcrumbs"><a href="index.html"><i class="fa fa-home home_1"></i></a>  <span>关于</span></span>
		</div>
	</div>
	<!-- //breadcrumbs -->

	<!-- About-page -->
	   <div class="terms w3ls-about w3layouts-content">
		<div class="container">
			<h3 class="w3-head">About Us</h3>
	<h6>关于校园充值系统</h6>
					<p>为了方便学生与教师的校园生活，构建数字化校园，学校正式上线“校园充值系统”。用户可以在此平台根据个人需求对网费、

                电费、水费等缴费项进行缴费。节省师生们更多的宝贵时间 </p>
				   <p>
                欢迎您使用校园充值系统支付各类费用，支付过程中如遇登录、支付及其它相关问题，请拨打咨询电话10086，我们在工作日的上班时间（上午8：30-12:00,下午13:00-16:00），将有专人负责咨询服务。
            
            </p>
					
            <h6>特点</h6>
					<ol start="1">
						<li>便捷</li>
						<li>快速</li>
						<li>安全</li>
					</ol>


	</div>
</div>
    <!--//About-page-->



<!--footer-->
<footer>
	
		
	<div class="w3l-footer-bottom">
		<div class="container-fluid">
			<div class="col-md-4 w3-footer-logo">
				<h2><a >校园充值系统</a></h2>
			</div>
			<div class="col-md-8 agileits-footer-class">
				<p >© 校园充值系统 <a target="_blank"> 宏誉工作室 </a> </p>
			</div>
		<div class="clearfix"> </div>
	 	</div>
	</div>
</footer>
<!--//footer-->
<!-- for bootstrap working -->
		<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- here stars scrolling icon -->
			<script type="text/javascript">
				$(document).ready(function() {
					/*
						var defaults = {
						containerID: 'toTop', // fading element id
						containerHoverID: 'toTopHover', // fading element hover id
						scrollSpeed: 1200,
						easingType: 'linear' 
						};
					*/
										
					$().UItoTop({ easingType: 'easeOutQuart' });
										
					});
			</script>
			<!-- start-smoth-scrolling -->
			<script type="text/javascript" src="js/move-top.js"></script>
			<script type="text/javascript" src="js/easing.js"></script>
			<script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event){		
						event.preventDefault();
						$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
					});
				});
			</script>
			<!-- start-smoth-scrolling -->
		<!-- //here ends scrolling icon -->
</body>
<!-- /body -->
</html>
<!-- /html -->